<template>
  <div id="father">
      <son></son>
      44</div>
</template>

<script>
import {ref} from "vue"
import son from "./son.vue"
export default {
name:"Father",
setup(){
    let name=ref("father")
    return {
        name
    }
},
components:{
    son
}

}
</script>

<style scoped>
#father{
    width: 300px;
    height: 300px;
    background-color:yellow;
}
</style>